import 'package:flutter/material.dart';

class RowColComp extends StatelessWidget {
  const RowColComp({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(children: [
      Container(
          width: double.infinity,
          height: 90,
          decoration: const BoxDecoration(
            color: Colors.pinkAccent,
          ),
          child: Row(
            //主轴对齐方式
            mainAxisAlignment: MainAxisAlignment.spaceEvenly,
            //侧轴对齐方式
            // crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Image.asset(
                'assets/open_eyes.png',
                width: 50,
                height: 50,
              ),
              Image.asset(
                'assets/open_eyes.png',
                width: 50,
                height: 50,
              ),
              Image.asset(
                'assets/open_eyes.png',
                width: 50,
                height: 50,
              ),
            ],
          )),
      const SizedBox(height: 10),
      Container(
        width: double.infinity,
        height: 260,
        decoration: const BoxDecoration(
          color: Colors.white,
        ),
        alignment: Alignment.center,
        child: Container(
          width: 180,
          height: 260,
          decoration: const BoxDecoration(
            color: Colors.green,
          ),
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Image.network(
                'https://yanxuan-item.nosdn.127.net/72e734dd1a4d35ce650afebdaa600b57.png',
                width: 180,
                height: 190,
                fit: BoxFit.cover,
              ),
              const Padding(
                padding: EdgeInsets.symmetric(vertical: 5),
                child: Text(
                  '美妆效果嘎嘎不卡粉末面刷',
                ),
              ),
              const Text('¥99.90')
            ],
          ),
        ),
      )
    ]);
  }
}
